import './App.css';
// import Lunbotu from './components/lunbotu/Lubotu';
// import Daohang from './components/daohang/Daohang';
import User from './components/User.js';
import { UploadProvider } from './components/uploadContext';

import { Routes, Route } from 'react-router-dom';
import Zhuce1 from './components/Zhuce/Zhuce1.js';
import Denglu from './components/Denglu.js/Denglu.js';
import Hdl from './components/Htdl/Hdl.js';

// import Daohang from './components/Daohang/Daohang1.js';
import Shouye from './components/shouye/Shouye.js';
import Fenlei from './components/Fenlei/Fenlei.js';
import Detail from './components/Details/Details.js';
import Recipe from './components/Recipe/Recipe.js';
import PublishModal from './components/PublishModal/PublishModal.js';

import FoodItem from './components/shouyegundong/test.js';


function App() {
  return (
    <div className="App">

      {/* <Daohang /> */}
      {/* <Lunbotu /> */}
      <UploadProvider>

        <Routes>
          <Route path="/" element={<User />}>
              <Route path="" element={<Shouye/>} />
              <Route path="Fenlei" element={<Fenlei/>} />
              <Route path="Detail" element={<Detail/>} />
              <Route path="Recipe" element={<Recipe/>} />
              <Route path="PublishModal" element={<PublishModal/>} />

          </Route>
          <Route path="/Denglu" element={<Denglu />} />
          <Route path="/zhuce" element={<Zhuce1 />} />
          <Route path="/houdeng" element={<Hdl />} />
        </Routes>
      </UploadProvider>
      <div>

    </div>
    </div>
  );
}



export default App;
